<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/commen.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/index2.css">

    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/wow.min.js"></script>
</head>
<body>
     <header>
   <nav class="navbar navbar-default navbar-fixed-top">
   <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
   <div class="navbar-header">
       <!-- 一个logo -->
        
       <a class="navbar-brand hover_logo " href="#">
       	
       	     <img alt="Brand" src="images/logo.png" class="img img_logo  img-responsive">
       </a>
           

      <!-- id="bs-example-navbar-collapse-1" -->

     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
  
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


      <ul class="nav  nav-stacked navbar-nav  navbar-right ">

        
        <li><a href="index1.html">HOME</a></li>
        <li class="ahover"><a href="index2.html" target="_blank">走进尚典</a></li>
        <li><a href="index3.html" target="_blank">尚典视频</a></li>
        <li><a href="index4.html" target="_blank">产品中心</a></li>
        <li><a href="index5.html" target="_blank">授权查询 </a></li>
        <li><a href="index6.html" target="_blank">联系我们</a></li>
        


         
      </ul>
    </div><!-- /.navbar-collapse -->


  </div><!-- /.container-fluid -->

</nav>
</header>
<!-- header end -->
<div class="banner">
<div id="carousel-example-generic" class="carousel slide box" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">

    <div class="item active">
      <img src="images/index1_banner.png" height="370" width="1440" alt="...">
    </div>

    <div class="item">
      <img src="images/index1_banner.png" height="370" width="1440" alt="...">
      
    </div>
    <div class="item">
      <img src="images/index1_banner.png" height="370" width="1440" alt="...">
      
    </div>
    <div class="item">
      <img src="images/index1_banner.png" height="370" width="1440" alt="...">
      
    </div>
    <div class="item">
      <img src="images/index1_banner.png" height="370" width="1440" alt="...">
      
    </div>
    
   
  </div>

 
</div>

</div>

<!-- banner end -->

<div class="bread">
	
   <div class="container wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
   	      <div class="row">
	 	   	    <div class="col-md-12">
	 	   	    <h2 class="page-header shangdian_title">INTO THE BRAND</h2>
	 	   	    <p class="shangdian_desc">走进尚典</p>
	 	   	    </div>
	 	   </div>
	 	   <div class="col-md-10 col-md-offset-1 text-center">
	 	   	   <p class="bread_desc">“尚典”诞生于2016年中国广州，是香港闻名生物科技有限公司旗下的一个品牌。
	 	   	   	公司集开发、生产、销售为一体，塑造天然，原生态产品，致力打造健康，美丽的核心宗旨。</p>
	 	   	   	<p class="bread_desc">同时也为移动互联网低门槛创业创造一个平台，支持有梦人士创业，实现梦想的舞台。
    “尚典”无硅油洗护套装，天然强根健发，养发一次到位。</p>

	 	   </div>

   </div>

</div>

<!-- bread end -->

<div class="zhongzhi">
	<div class="container">
		
           <div class="zhongzhi_box wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
           	   <div class="row">
           	   <div class="col-md-6 text-center">
           	   	    <img src="images/zhongzhi_left.png" >
           	   </div>
           	   <div class="col-md-4">
           	   	  <p class="zhongzhi_desc">坚持萃取高质量原材料,恪守着“信任、尊重、信念、谦虚和高标准”的价值观秉承着“以人为本、以精为业、以诚服务、以质取胜”的经营理念以产品质量，为企业发展之命脉，以信誉为企业生存之本，打造可靠品质，更在乎你的健康</p>
           	   </div>
           </div>
           </div>
           <div class="col-md-12 text-center wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
           	   <img src="images/zhongzhi_shiping.png" class="img img-responsive">
           </div>
           <div class="row zhongzhi_bo wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
           	
           	   <div class="col-md-6 text-center">
           	  <p class="zhongzhi_desc text-center">  尚典觉得头发除了美观外还用来保护我们的头皮免受紫外线有害物质的破坏。高度滋养配方，可全方面包裹发芯发根，填补发丝受损缝隙，持久深层修复及滋养受损秀发，令秀发重获活力强韧，巩固发根，柔软亮泽，拥有完美纤柔的丝滑触感</p>
           	  <img src="images/zhongzhi_bg1.png" class="img img-responsive">
           </div>
           <div class="col-md-6 zhongzhi_bg text-center wow fadeIn">
           	        <img src="images/zhongzhi_bg_price.png">
           </div>
           </div>


         <div class="row zhongzhi_bo wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
         	    <div class="col-md-5 zhongzhi_bg_yun1 text-center">
           	        <img src="images/zhongzhi_bg_history.png" >
               </div>
            <div class="col-md-6 text-center">
           	  
           	  <img src="images/zhongzhi_bg2.png" class="img img-responsive">
           </div>
         </div>
         <div class="row zhongzhi_bo wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
         	    
            <div class="col-md-6 text-center">
           	  
           	  <img src="images/zhongzhi_bg3.png" class="img img-responsive">
           </div>
           <div class="col-md-3 zhongzhi_bgs text-center">
                     <h4 class="zhongzhi_bo_title">2016.012016.01</h4>
           	        <p class="zhongzhi_desc text-center">开始研发尚典的第一个产品无硅油洗发露和护发素</p>
               </div>
         </div>
          <div class="row zhongzhi_bo wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
         	    
            <div class="col-md-6 text-center">
           	  
           	  <img src="images/zhongzhi_bg4.png" class="img img-responsive">
           </div>
           <div class="col-md-5 zhongzhi_bgs text-center">
                   <h4 class="zhongzhi_bo_title">2016.02</h4>
           	       <p class="zhongzhi_desc text-center">  研制成第一个配方，创始人经过各轮筛选，认为配方存在部分不足的地方，从而决定继续改良</p>
               </div>
         </div>
         <div class="row zhongzhi_bo wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
         	    <div class="col-md-5 zhongzhi_bgs text-center">
         	       <h4 class="zhongzhi_bo_title">2016.04</h4>
           	        <p class="zhongzhi_desc text-center">第二个配方又成功研制出来，依然谨慎试用，75%的人觉得配方可行，但依旧存在少部分人觉得有缺陷，经过再三考虑，决定再次投入改良配方；</p>
               </div>
            <div class="col-md-6 text-center">
           	  
           	  <img src="images/zhongzhi_bg5.png" class="img img-responsive">
           </div>
         </div>
         <div class="row zhongzhi_bo wow fadeIn" data-wow-duration="1s" data-wow-delay="600ms">
         	    <div class="col-md-5 zhongzhi_bgs text-center">
         	    	<h4 class="zhongzhi_bo_title">2016.05</h4>
           	       <p class="zhongzhi_desc text-center">  经过改良后的配方终于研制成功，无任何添加纯天然植物萃取精华在众多人的试用下，高达90%多的人看好配方</p>
               </div>
            <div class="col-md-6 text-center">
           	  
           	  <img src="images/zhongzhi_bg6.png" class="img img-responsive">
           </div>
         </div>

           
	</div>
</div>

<!-- zhongzhi end -->

<footer>
  
  <div class="container">
     <div class="row">
        <div class="col-md-2 text-center">
            <img src="images/footer_logo.png">
        </div>
        <div class="col-md-3 col-sm-3 col-xs-5 text-left  border_ font_size">
            <h2 class="footer_titel">导航 NAVIGATION</h2>
            <div class="col-md-5 col-sm-6 col-xs-7 ">
                <ul class="uls">
                  <li>网站首页</li>
                  <li>新闻动态</li>
                  <li>产品中心 </li>
                  <li>联系我们</li>
                </ul>
            </div>
            <div class="col-md-5 col-sm-5 col-xs-5 text-left foot_padd">
                <ul class="uls">
                  <li>走进尚典</li>
                  <li>尚典视频 </li>
                  <li>授权查询</li>
                  
                </ul>
            </div>
        </div>
        <div class="col-md-5 col-sm-5 col-xs-7 text-left border_  font_size">
            <h2 class="footer_titel">联系 CONTACT</h2>
            <div class="col-md-12 text-left">
                 <ul class="uls">
                  <li>地址：广州市海珠区赤岗街道新市头路锦安苑锦豪居C栋502</li>
                  <li>联系电话：400-1886-1345 </li>
                  <li>邮箱：203841290@qq.com</li>
                  <li>香港闻名生物有限公司版权所有 粤ICP备0754673 </li>
                  
                </ul>
            </div>

        </div>
        <div class="col-md-2 col-sm-2 col-xs-12 text-center footer_img">
            <img src="images/footer_erwei.png">
        </div>
     </div>
  </div>

</footer>
</body>
</html>
 <script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
    }
</script>